<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>视频详情 - 滑雪项目</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="css/app.css">

</head>
<body>
    <!-- top Nav -->
    <header class="ui-header ui-header-positive ui-border-b">
        <i class="ui-icon-return" onclick="history.back()"></i>
        <h1>视频详情</h1>
        <a class="go-home" href="/"><i class="ui-icon-home"></i></a>
    </header>
    <div class="detail-video">
        <iframe style="width:100%; min-height: 320px;" src="http://player.youku.com/embed/XMTM5NjE5OTA0MA==" frameborder=0 allowfullscreen></iframe>
    </div>
    <div class="detail-infor detail-content">
        <div class="detail-top ui-border-b">
            <h2>
                北京冬季滑雪比赛专题活动
            </h2>
        </div>
    </div>
    <div class="rec-video">
        <h2 class="ui-border-b">正在热播</h2>
        <ul class="ui-grid-halve list-video">
            <li>
                <a href="detail_video.html">
                    <div class="ui-grid-halve-img">
                            <span style="background-image:url(img/test/list_img.jpg)">
                            </span>
                    </div>
                </a>
                <p class="ui-nowrap video-intro">牛人滑雪技巧分享</p>
            </li>
            <li>
                <a href="detail_video.html">
                    <div class="ui-grid-halve-img">
                            <span style="background-image:url(img/test/list_img.jpg)">
                            </span>
                    </div>
                </a>
                <p class="ui-nowrap video-intro">牛人滑雪技巧分享</p>
            </li>
            <li>
                <a href="detail_video.html">
                    <div class="ui-grid-halve-img">
                            <span style="background-image:url(img/test/list_img.jpg)">
                            </span>
                    </div>
                </a>
                <p class="ui-nowrap video-intro">牛人滑雪技巧分享</p>
            </li>
            <li>
                <a href="detail_video.html">
                    <div class="ui-grid-halve-img">
                            <span style="background-image:url(img/test/list_img.jpg)">
                            </span>
                    </div>
                </a>
                <p class="ui-nowrap video-intro">牛人滑雪技巧分享</p>
            </li>
        </ul>
    </div>

    <!-- footer -->
    <footer id="footer">
        <p>©<label id="yearHomepage">2015</label> 滑雪网</p>
    </footer>


    <div class="mask"></div>
    <script src="js/lib/zepto.min.js"></script>
    <script src="js/frozen.js"></script>
    <script src="js/app.js"></script>

</body>
</html>